<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>系统管理员</title>
		<!-- Bootstrap -->
		<link rel="stylesheet" href="css/bootstrap.min.css">
		<link rel="stylesheet" type="text/css" href="css/sys.css"/>
	</head>
	<body>
		<div class="container">
			<!-- 顶部 -->
			<nav class="navbar navbar-default" style="background-color: #88add9;">
				<div class="container-fluid">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"
						 aria-expanded="false">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
						<a class="navbar-brand" href="#" style="color: #fff;">宿舍管理系统</a>
					</div>

					<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
						<div class="nav navbar-nav navbar-right" style="line-height: 50px;">
							<span id="span_account" style="color: black;margin-right: 40px;">当前用户：
								<span style="color: red;">
									某某
								</span>
							</span>
						</div>
					</div>
				</div>
			</nav>
			<!-- 左侧导航栏 -->
			<div class="list-group" style="width: 150px;position: absolute;">
				<a href="sys.html" class="list-group-item active"  style="background-color: #0088cc;">
					首页
				</a>
				<a href="MainHouParen.html" class="list-group-item" style="color: #0088cc;">宿舍管理员管理 <span class="glyphicon glyphicon-chevron-right right" style="color: #ccc;"></span></a>
				<a href="MainStu.html" class="list-group-item" style="color: #0088cc;">学生管理 <span class="glyphicon glyphicon-chevron-right right" style="color: #ccc;"></span></a>
				<a href="MainHouse.html" class="list-group-item" style="color: #0088cc;">宿舍楼管理<span class="glyphicon glyphicon-chevron-right right" style="color: #ccc;"></span></a>
				<a href="MainAbs.html" class="list-group-item" style="color: #0088cc;">缺勤管理<span class="glyphicon glyphicon-chevron-right right" style="color: #ccc;"></span></a>
				<a href="MainPsw.html" class="list-group-item" style="color: #0088cc;">修改密码<span class="glyphicon glyphicon-chevron-right right" style="color: #ccc;"></span></a>
				<a href="login.html" class="list-group-item" style="color: #0088cc;">退出系统<span class="glyphicon glyphicon-chevron-right right" style="color: #ccc;"></span></a>
			</div>
			
			<!-- 首页，欢迎您，系统管理员 -->
			<div class="jumbotron dis_block" style="width: 86%;float: right;background-color: #fff;">
			  <h2 style="margin-top: 80px;color: #808080;">欢迎您，系统管理员!</h2>
			</div>
			
			<!-- 宿舍管理员管理 -->
			<div class="panel panel-info dis_none"  style="width: 86%;float: right;">
				<div class="panel-heading" style="background-color: #fff;">
					<span style="color: #000;">宿舍管理员管理</span>
				</div>
				<div class="panel-heading">
					<!-- <div class="pull-left"> -->
						<button type="button" class="btn btn-success btn-sm" data-toggle="modal" data-target="#modal_add">添加</button>
						<!-- <button type="button" class="btn btn-success btn-sm">批量删除</button> -->
					<!-- </div> -->
					<div class="pull-right" style="width: 265px;">
						<!-- <div class="form-group"> -->
							<!-- <input type="text" class="form-control input-sm" id="ipt_name" style="width: 70px;float: left;" placeholder="姓名"> 
							<span class="glyphicon glyphicon-triangle-bottom icon-up" style="color: #888;float: left;"></span> -->
							<select name="stu_name" class="select_name">
								<option value="">姓名</option>
								<option value="">电话</option>
								<option value="">用户名</option>
							</select>
						<!-- </div> -->
						<!-- <div class="form-group"> -->
							<input type="text" class="form-control input-sm" id="ipt_low" style="width: 120px;border-radius: 20px;float: left;margin-left: 10px;margin-right: 10px;">
						<!-- </div> -->
						<button type="button" class="btn btn-success btn-sm" data-toggle="modal" style="background-color: #0088cc;border: transparent;" data-target="#modal_add">搜索</button>
					</div>
				</div>
				<div class="panel-body">
					<table class="table table-striped table-bordered table-hover" id="mytable">
						<thead>
							<tr>
								<th>编号</th>
								<th>姓名</th>
								<th>性别</th>
								<th>电话</th>
								<th>宿舍楼</th>
								<th>用户名</th>
								<th>操作</th>
							</tr>
						</thead>
						<tbody>

						</tbody>
					</table>
					<nav class="text-center">
						<ul class="pagination">
							<li ><a href="#" aria-label="Previous" style="color: #0088cc;">首页</a></li>
							<li ><a href="#" style="color: #8C8C8C;">上一页</a></li>
							<li ><a href="#" style="background-color: #ececec;color: #8C8C8C;">1 </a></li>
							<li ><a href="#" style="color: #8C8C8C;">上一页</a></li>
							<li><a href="#" aria-label="Next" style="color: #0088cc;">尾页</a></li>
						</ul>
						<!-- <ul class="pagination">
							<li>
								<a href="#" class="btn btn-default btn-lg" style="color: #0088cc;" role="button">首页</a>
							</li>
							<li>
								<a href="#" class="btn btn-default btn-lg disabled" role="button" style="">上一页</a>
							</li>
							<li>
								<a href="#"> 1 </a>
							</li>
							<li>
								<a href="#" class="btn btn-default btn-lg disabled" role="button" style="">下一页</a>
							</li>
							<li>
								<a href="#" class="btn btn-default btn-lg" style="color: #0088cc;" role="button">尾页</a>
							</li>
						</ul> -->
					</nav>
				</div>
			</div>
			<div id="modal_add" class="modal fade" tabindex="-1" role="dialog">
				<div class="modal-dialog" role="document">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
							<h4 class="modal-title">添加</h4>
						</div>
						<div class="modal-body">
							<form id="form">
								<div class="form-group">
									<input type="text" class="form-control" name="name" placeholder="书本名称" /></br>
								</div>
								<div class="form-group">
									<input type="text" class="form-control" name="price" placeholder="单价" /></br>
								</div>
								<div class="form-group">
									<input type="date" class="form-control" name="tdate" placeholder="出版日期" /></br>
								</div>
							</form>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
							<button type="button" class="btn btn-primary">保存</button>
						</div>
					</div>
				</div>
			</div>

			<!-- 学生管理 -->
			<div class="panel panel-info dis_none"  style="width: 86%;float: right;">
				<div class="panel-heading" style="background-color: #fff;">
					<span style="color: #000;">学生管理</span>
				</div>
				<div class="panel-heading">
						<button type="button" class="btn btn-success btn-sm" data-toggle="modal" data-target="#modal_add">添加</button>
						<!-- <button type="button" class="btn btn-success btn-sm">批量删除</button> -->
					<div class="pull-right" style="width: 375px;">
						<select name="lou" class="select_name"  style="width: 100px;">
							<option value="">E1</option>
							<option value="">E2</option>
							<option value="">E3</option>
						</select>
						<select name="stu_name" class="select_name">
							<option value="">姓名</option>
							<option value="">电话</option>
							<option value="">用户名</option>
						</select>
						<input type="text" class="form-control input-sm" id="ipt_low" style="width: 120px;border-radius: 20px;float: left;margin-left: 10px;margin-right: 10px;">
						<button type="button" class="btn btn-success btn-sm" data-toggle="modal" style="background-color: #0088cc;border: transparent;" data-target="#modal_add">搜索</button>
					</div>
				</div>
				<div class="panel-body">
					<table class="table table-striped table-bordered table-hover" id="mytable">
						<thead>
							<tr>
								<th>学号</th>
								<th>姓名</th>
								<th>性别</th>
								<th>宿舍楼</th>
								<th>寝室</th>
								<th>电话</th>
								<th>操作</th>
							</tr>
						</thead>
						<tbody>
			
						</tbody>
					</table>
					<nav class="text-center">
						<span class="left" style="line-height: 68px;">显示1至4项纪录，共4项</span>
						<ul class="pagination right">
							<li ><a href="#" style="color: #8C8C8C;"><span class="glyphicon glyphicon-arrow-left"></span>上页</a></li>
							<li ><a href="#" style="background-color:#ececec;color: #8C8C8C;">1 </a></li>
							<li ><a href="#" style="color: #8C8C8C;"><span class="glyphicon glyphicon-arrow-right"></span>上页</a></li>
						</ul>
					</nav>
				</div>
			</div>
			
			<!-- 宿舍楼管理 -->
			<div class="panel panel-info dis_none"  style="width: 86%;float: right;">
				<div class="panel-heading" style="background-color: #fff;">
					<span style="color: #000;">宿舍管理</span>
				</div>
				<div class="panel-heading">
					<button type="button" class="btn btn-success btn-sm" data-toggle="modal" data-target="#modal_add">添加</button>
					<div class="pull-right" style="width: 220px;">
							<span class="left" style="line-height: 30px;">名称:</span>
							<input type="text" class="form-control input-sm" id="ipt_low" style="width: 120px;border-radius: 20px;float: left;margin-left: 10px;margin-right: 10px;">
						<button type="button" class="btn btn-success btn-sm" data-toggle="modal" style="background-color: #0088cc;border: transparent;" data-target="#modal_add">搜索</button>
					</div>
				</div>
				<div class="panel-body">
					<table class="table table-striped table-bordered table-hover" id="mytable">
						<thead>
							<tr>
								<th>编号</th>
								<th>名称</th>
								<th>简介</th>
								<th>管理员</th>
								<th>操作</th>
							</tr>
						</thead>
						<tbody>
			
						</tbody>
					</table>
					<nav class="text-center">
						<ul class="pagination">
							<li class="disabled"><a href="#" aria-label="Previous" style="color: #0088cc;">首页</a></li>
							<li ><a href="#" style="color: #8C8C8C;">上一页</a></li>
							<li ><a href="#" style="background-color: #ececec;color: #8C8C8C;">1 </a></li>
							<li ><a href="#" style="color: #8C8C8C;">上一页</a></li>
							<li><a href="#" aria-label="Next" style="color: #0088cc;">尾页</a></li>
						</ul>
					</nav>
				</div>
			</div>
			
			<!-- 缺勤管理 -->
			<div class="panel panel-info dis_none"  style="width: 86%;float: right;">
				<div class="panel-heading" style="background-color: #fff;">
					<span style="color: #000;">缺勤记录</span>
				</div>
				<div class="panel-heading">
					<button type="button" class="btn btn-success btn-sm" data-toggle="modal" data-target="#modal_add">添加</button>
					<div class="pull-right" style="width: 690px;">
						<div id="start_time" class="tdate left">
							<input type="date" name="sdate" value="" />
							<span class="glyphicon glyphicon-remove" style="color: #000000;"></span>
							<span class="glyphicon glyphicon-th" style="color: #000000;"></span>
						</div>
						<div id="close_time" class="tdate left" style="margin-left: 10px;">
							<input type="date" name="sdate" value="" />
							<span class="glyphicon glyphicon-remove" style="color: #000000;"></span>
							<span class="glyphicon glyphicon-th" style="color: #000000;"></span>
						</div>
						<select name="lou" class="select_name"  style="width: 105px;">
							<option value ="1">全部宿舍楼</option>
							<option value="2">E1</option>
							<option value="3">E2</option>
							<option value="4">E3</option>
						</select>
						<select name="stu_name" class="select_name">
							<option value="">姓名</option>
							<option value="">电话</option>
							<option value="">用户名</option>
						</select>
						<input type="text" class="form-control input-sm" id="ipt_low" style="width: 120px;border-radius: 20px;float: left;margin-left: 10px;margin-right: 10px;">
						<button type="button" class="btn btn-success btn-sm" data-toggle="modal" style="background-color: #0088cc;border: transparent;" data-target="#modal_add">搜索</button>
					</div>
				</div>
				<div class="panel-body">
					<table class="table table-striped table-bordered table-hover" id="mytable">
						<thead>
							<tr>
								<th>日期</th>
								<th>学号</th>
								<th>姓名</th>
								<th>宿舍楼</th>
								<th>寝室</th>
								<th>备注</th>
								<th>操作</th>
							</tr>
						</thead>
						<tbody>
			
						</tbody>
					</table>
					<!-- <nav class="text-center">
						<ul class="pagination">
							<li class="disabled"><a href="#" aria-label="Previous" style="color: #0088cc;">首页</a></li>
							<li ><a href="#" style="color: #8C8C8C;">上一页</a></li>
							<li ><a href="#" style="background-color: #ececec;color: #8C8C8C;">1 </a></li>
							<li ><a href="#" style="color: #8C8C8C;">上一页</a></li>
							<li><a href="#" aria-label="Next" style="color: #0088cc;">尾页</a></li>
						</ul>
					</nav> -->
				</div>
			</div>
			
			<!-- 修改密码 -->
			<div class="panel panel-info dis_none"  style="width: 86.8%;float: right;">
				<div class="panel-heading" style="background-color: #fff;">
					<span style="color: #000;">修改密码</span>
				</div>
				<div class="panel-body">
					<form action="" method="post" class="form_psw">
						<ul style="list-style: none;">
							<li>
								<span style="color: red;">*</span>原密码 :    
								<input type="password" name="" id="" value="" style="margin-left: 14px;border: 1px solid #d4d4d4;"/>
							</li>
							<li>
								<span style="color: red;">*</span>新密码 :    
								<input type="password" name="" id="" value="" style="margin-left: 14px;border: 1px solid #d4d4d4;"/>
							</li>
							<li>
								<span style="color: red;">*</span>重复密码 :    
								<input type="password" name="" id="" value="" style="border: 1px solid #d4d4d4;"/>
							</li>
						</ul>
						<input type="submit" value="提交" style="width: 56px;height: 28px;border-radius: 8px;border: transparent;background-color: #0088cc;color: #fff;"/>
					</form>
				</div>
			</div>
			
		</div>
		<script src="js/jquery-3.5.1.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<!-- <script src="js/index.js" type="text/javascript" charset="utf-8"></script> -->
	</body>
</html>
